<template>
	<div class="hello">
		<header>
			<van-nav-bar
			  title="飙升榜"
			  left-arrow
			  @click-left="onClickLeft"
			  style="background: #f7f7f7;"
			></van-nav-bar>
		</header>
		
		<section>
			<router-view ></router-view>
		</section>
		
	</div>
</template>

<script>
	import { NavBar ,NoticeBar,Cell, CellGroup} from 'vant'
	
	export default{
		name:"Rise",
		components:{
			[NavBar.name]:NavBar,
			[NoticeBar.name]:NoticeBar,
			[Cell.name]:Cell,
			[CellGroup.name]:CellGroup,
		},
		data(){
			return{
				
			}
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1);
			},
			
		},
	}
</script>

<style>
			.hello{
	height: 100vh;
	display: flex;
	flex-direction: column;
}
	section{
	flex: 1;
	overflow: auto;
}
.singer_list ul li{
	display: flex;
	position: relative;
	margin: 12px 0;
}
.singer_list ul li>img{
	border-radius: 50%;
	margin-right: 11px;
}
.singer_list li>span>p{
	margin: 5px 0;
	font-size: 14px;
}
.singer_list li>span>em{
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 30px;
	font-style: normal;
	color: #a8a8a8;
}
</style>